<template>
    <div class="content">
        <div class="btns-box">
            <Button type="primary" @click="saveAdd">暂存</Button>
            <Button type="primary" v-if="form.id" :disabled="this.form.status===''" @click="delAll">删除</Button>
            <div class="f-fr">
                <Button type="primary" @click="submitAll">申报</Button>
            </div>
        </div>
        <Tabs active-key="0" :animated="false" @on-click="changeKey">
            <Tab-pane label="表头" key="0"></Tab-pane>
            <Tab-pane label="清单" key="1"></Tab-pane>
            <Tab-pane label="料件" key="2"></Tab-pane>
            <Tab-pane label="成品" key="3"></Tab-pane>
            <Tab-pane label="随附单据" key="4"></Tab-pane>
        </Tabs>

        <div v-show="nowKey==0" class="content-body">
            <Form
                :model="form"
                :rules="formRules"
                :data-current="currentIndex"
                class="declare-form"
                ref="btForm"
                :show-message="false"
            >
                <!-- 第1行 -->
                <Row>
                    <Col class="form-label label-border" span="4">预录入统一编号</Col>
                    <Col span="4">
                    <FormItem prop="seqNo" class="formInput">
                        <Input disabled v-model="form.seqNo" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">加工贸易手册编号</Col>
                    <Col span="4">
                    <FormItem prop="emlNo" class="formInput requireBG">
                        <Input placeholder v-model="form.emlNo" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border" span="4">主管海关</Col>
                    <Col span="4">
                    <FormItem prop="masterCuscd" class="formInput requireBG">
                        <Select disabled v-model="form.masterCuscd" class="small-select">
                            <Option
                                v-for="item in customsCodeList"
                                :key="item.dataCode"
                                :value="item.dataCode"
                            >{{item.dataName}}</Option>
                        </Select>
                    </FormItem>
                    </Col>

                </Row>

                <!-- 第3行 -->
                <Row>
                    <Col class="form-label label-border label-top" span="4">经营单位编码</Col>
                    <Col span="4">
                    <FormItem prop="bizopEtpsno" class="formInput requireBG">
                        <Input disabled v-model="form.bizopEtpsno" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">经营单位社会信用代码</Col>
                    <Col span="4">
                    <FormItem prop="bizopEtpsSccd" class="formInput">
                        <Input disabled v-model="form.bizopEtpsSccd" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">经营单位名称</Col>
                    <Col span="4">
                    <FormItem prop="bizopEtpsNm" class="formInput requireBG">
                        <Input disabled v-model="form.bizopEtpsNm" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第4行 -->
                <Row>
                    <Col class="form-label label-border" span="4">加工单位编码</Col>
                    <Col span="4">
                    <FormItem prop="rcvgdEtpsno" class="formInput requireBG">
                        <Input disabled v-model="form.rcvgdEtpsno" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">加工单位社会信用代码</Col>
                    <Col span="4">
                    <FormItem prop="rvsngdEtpsSccd" class="formInput">
                        <Input disabled v-model="form.rvsngdEtpsSccd" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">加工单位名称</Col>

                    <Col span="4">
                    <FormItem prop="rcvgdEtpsNm" class="formInput requireBG">
                        <Input disabled v-model="form.rcvgdEtpsNm" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第5行 -->
                <Row>
                    <Col class="form-label label-border" span="4">进口清单总数</Col>
                    <Col span="4">
                    <FormItem prop="imListingNum" class="formInput requireBG">
                        <Input disabled v-model="form.imListingNum" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">出口清单总数</Col>
                    <Col span="4">
                    <FormItem prop="exListingNum" class="formInput">
                        <Input disabled v-model="form.exListingNum" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">录入日期</Col>
                    <Col span="4">
                    <FormItem prop="inputTime" class="formInput requireBG">
                        <Input disabled v-model="form.inputTime" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第5行 -->
                <Row>
                    <Col class="form-label label-border" span="4">报核料件总数</Col>
                    <Col span="4">
                    <FormItem prop="ljTotal" class="formInput requireBG">
                        <Input disabled v-model="form.ljTotal" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">报核成品总数</Col>
                    <Col span="4">
                    <FormItem prop="cpTotal" class="formInput">
                        <Input disabled v-model="form.cpTotal" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">报核申报日期</Col>
                    <Col span="4">
                    <FormItem prop="dclTime" class="formInput requireBG">
                        <Input disabled v-model="form.dclTime" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第5行 -->
                <Row>
                    <Col class="form-label label-border" span="4">申报单位编码</Col>
                    <Col span="4">
                    <FormItem prop="dclEtpsno" class="formInput requireBG">
                        <Input v-model="form.dclEtpsno" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">申报单位社会信用代码</Col>
                    <Col span="4">
                    <FormItem prop="dclEtpsSccd" class="formInput">
                        <Input v-model="form.dclEtpsSccd" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">申报单位名称</Col>
                    <Col span="4">
                    <FormItem prop="dclEtpsNm" class="formInput requireBG">
                        <Input v-model="form.dclEtpsNm" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第6行 -->

                <!-- 第5行 -->
                <Row>
                    <Col class="form-label label-border" span="4">录入单位编码</Col>
                    <Col span="4">
                    <FormItem prop="inputEtpsTypecd" class="formInput requireBG">
                        <Input disabled v-model="form.inputEtpsTypecd" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border label-border-noleft" span="4">录入单位社会信用代码</Col>
                    <Col span="4">
                    <FormItem prop="inputEtpsSccd" class="formInput requireBG">
                        <Input disabled v-model="form.inputEtpsSccd" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">录入单位名称</Col>
                    <Col span="4">
                    <FormItem prop="inputEtpsNm" class="formInput requireBG">
                        <Input disabled v-model="form.inputEtpsNm" />
                    </FormItem>
                    </Col>
                </Row>
                <Row>
                    <Col class="form-label label-border label-bottom" span="4">备注</Col>
                    <Col span="20">
                    <FormItem prop="remark" class="formInput">
                        <Input v-model="form.remark" />
                    </FormItem>
                    </Col>
                </Row>
            </Form>
        </div>
        <div v-show="nowKey==2" class="content-body">
            <Form
                :model="lhForm"
                :rules="lhRules"
                :data-current="currentIndex"
                class="declare-form"
                ref="lhForm"
                :show-message="false"
            >
                <!-- 第1行 -->
                <Row>
                    <Col class="form-label label-border" span="4">序号</Col>
                    <Col span="4">
                    <FormItem prop="gdsSeqno" class="formInput">
                        <Input disabled v-model="lhForm.gdsSeqno" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">料件备案序号</Col>
                    <Col span="4">
                    <FormItem prop="contrItem" class="formInput requireBG">
                        <Input placeholder v-model="lhForm.contrItem" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">料号</Col>
                    <Col span="4">
                    <FormItem prop="gdsMtno" class="formInput requireBG">
                        <Input disabled placeholder v-model="lhForm.gdsMtno" />
                    </FormItem>
                    </Col>

                </Row>
                <!-- 第2行 -->
                <Row>
                    <Col class="form-label label-border" span="4">商品编码</Col>
                    <Col span="4">
                    <FormItem prop="gdecd" class="formInput requireBG">
                        <Input disabled v-model="lhForm.gdecd" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border" span="4">商品名称</Col>
                    <Col span="4">
                    <FormItem prop="gdsNm" class="formInput requireBG">
                        <Input disabled v-model="lhForm.gdsNm" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">计量单位</Col>
                    <Col span="4">
                    <FormItem prop="dclUnitcd" class="formInput requireBG">
                        <Input disabled placeholder v-model="lhForm.dclUnitcd" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第3行 -->
                <Row>
                    <Col class="form-label label-border" span="4">进口数量</Col>
                    <Col span="4">
                    <FormItem prop="cpthImQuantity" class="formInput requireBG">
                        <inputNumber v-model="lhForm.cpthImQuantity" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">深加工进口数量</Col>
                    <Col span="4">
                    <FormItem prop="deepProcessImQuantity" class="formInput requireBG">
                        <inputNumber placeholder v-model="lhForm.deepProcessImQuantity" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">内销数量</Col>
                    <Col span="4">
                    <FormItem prop="domesticSalesQuantity" class="formInput requireBG">
                        <inputNumber v-model="lhForm.domesticSalesQuantity" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第4行 -->
                <Row>
                    <Col class="form-label label-border" span="4">复出口数量</Col>
                    <Col span="4">
                    <FormItem prop="reExportQuantity" class="formInput requireBG">
                        <inputNumber v-model="lhForm.reExportQuantity" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">料件销毁数量</Col>
                    <Col span="4">
                    <FormItem prop="destroyedQuantity" class="formInput requireBG">
                        <inputNumber placeholder v-model="lhForm.destroyedQuantity" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">边角料数量</Col>
                    <Col span="4">
                    <FormItem prop="scrapsQuantity" class="formInput requireBG">
                        <inputNumber v-model="lhForm.scrapsQuantity" />
                    </FormItem>
                    </Col>
                </Row>

                <!-- 第5行 -->
                <Row>
                    <Col class="form-label label-border" span="4">余料转出口数量</Col>
                    <Col span="4">
                    <FormItem prop="ylzckQuantity" class="formInput requireBG">
                        <inputNumber v-model="lhForm.ylzckQuantity" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">产品总耗用量</Col>
                    <Col span="4">
                    <FormItem prop="productConsumption" class="formInput requireBG">
                        <inputNumber v-model="lhForm.productConsumption" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">料件剩余数量</Col>
                    <Col span="4">
                    <FormItem prop="remainingQuantity" class="formInput requireBG">
                        <inputNumber v-model="lhForm.remainingQuantity" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第4行 -->
                <Row>
                    <Col class="form-label label-top label-left label-bottom" span="4">备注</Col>
                    <Col span="20">
                    <FormItem prop="remark" class="formInput">
                        <Input v-model="lhForm.remark" />
                    </FormItem>
                    </Col>
                </Row>
            </Form>
            <div class="btns-box mt10">
                <Button type="primary" @click="addLh">新增</Button>
                <Button type="primary" @click="saveLh">暂存</Button>
                <Button @click="delLh">删除</Button>
            </div>
            <div class="mt10">
                <Table
                    border
                    highlight-row
                    @on-current-change="changeNow"
                    :columns="lhColumns"
                    @on-selection-change="getSectedLh"
                    :data="form.ljs"
                ></Table>
            </div>
        </div>
        <!-- 成品 -->
        <div v-show="nowKey==3" class="content-body">
            <Form
                :model="cpForm"
                :rules="cpRules"
                :data-current="currentIndex"
                class="declare-form"
                ref="cpForm"
                :show-message="false"
            >
                <!-- 第1行 -->
                <Row>
                    <Col class="form-label label-border" span="4">序号</Col>
                    <Col span="4">
                    <FormItem prop="gdsSeqno" class="formInput">
                        <Input disabled v-model="cpForm.gdsSeqno" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">成品备案序号</Col>
                    <Col span="4">
                    <FormItem prop="contrItem" class="formInput requireBG">
                        <Input placeholder v-model="cpForm.contrItem" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">料号</Col>
                    <Col span="4">
                    <FormItem prop="gdsMtno" class="formInput requireBG">
                        <Input disabled placeholder v-model="cpForm.gdsMtno" />
                    </FormItem>
                    </Col>

                </Row>
                <!-- 第2行 -->
                <Row>
                    <Col class="form-label label-border" span="4">商品编码</Col>
                    <Col span="4">
                    <FormItem prop="gdecd" class="formInput ">
                        <Input disabled v-model="cpForm.gdecd" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border" span="4">商品名称</Col>
                    <Col span="4">
                    <FormItem prop="gdsNm" class="formInput requireBG">
                        <Input disabled v-model="cpForm.gdsNm" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">计量单位</Col>
                    <Col span="4">
                    <FormItem prop="dclUnitcd" class="formInput requireBG">
                        <Input disabled placeholder v-model="cpForm.dclUnitcd" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第3行 -->
                <Row>
                    <Col class="form-label label-border" span="4">出口数量</Col>
                    <Col span="4">
                    <FormItem prop="ieQuantity" class="formInput requireBG">
                        <inputNumber v-model="cpForm.ieQuantity" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">深加工出口数量</Col>
                    <Col span="4">
                    <FormItem prop="deepProcessImQuantity" class="formInput requireBG">
                        <inputNumber placeholder v-model="cpForm.deepProcessImQuantity" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">成品退换进口数量</Col>
                    <Col span="4">
                    <FormItem prop="cpthImQuantity" class="formInput requireBG">
                        <inputNumber v-model="cpForm.cpthImQuantity" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第4行 -->
                <Row>
                    <Col class="form-label label-border label-bottom" span="4">成品退换出口数量</Col>
                    <Col span="4">
                    <FormItem prop="cpthExQuantity" class="formInput requireBG">
                        <inputNumber v-model="cpForm.cpthExQuantity" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top label-bottom" span="4">备注</Col>
                    <Col span="12">
                    <FormItem prop="remark" class="formInput">
                        <Input v-model="cpForm.remark" />
                    </FormItem>
                    </Col>
                </Row>

            </Form>
            <div class="btns-box mt10">
                <Button type="primary" @click="addCp">新增</Button>
                <Button type="primary" @click="saveCp">暂存</Button>
                <Button @click="delCp">删除</Button>
            </div>
            <div class="mt10">
                <Table
                    border
                    highlight-row
                    @on-current-change="changeNowCp"
                    :columns="cpColumns"
                    @on-selection-change="getSectedCp"
                    :data="form.cps"
                ></Table>
            </div>
        </div>
        <!-- 清单 -->
        <div v-show="nowKey==1" class="content-body">
            <Form
                :model="shForm"
                :rules="shRules"
                :data-current="currentIndex"
                class="declare-form"
                ref="shForm"
                :show-message="false"
            >
                <!-- 第1行 -->
                <Row>
                    <Col class="form-label label-border label-bottom" span="4">序号</Col>
                    <Col span="4">
                    <FormItem prop="idx" class="formInput">
                        <Input disabled v-model="shForm.idx" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top label-bottom" span="4">报核清单编号</Col>
                    <Col span="4">
                    <FormItem prop="listingNo" class="formInput requireBG">
                        <Input placeholder v-model="shForm.listingNo" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top label-bottom" span="4">进出口标识</Col>
                    <Col span="4">
                    <FormItem prop="ieFlag" class="formInput">
                        <Select v-model="shForm.ieFlag" class="small-select">
                            <Option value="1">进口</Option>
                            <Option value="2">出口</Option>
                        </Select>
                    </FormItem>
                    </Col>
                </Row>
            </Form>
            <div class="btns-box mt10">
                <Button type="primary" @click="addSh">新增</Button>
                <Button type="primary" @click="saveSh">暂存</Button>
                <Button @click="delSh">删除</Button>
            </div>
            <div class="mt10">
                <Table
                    border
                    highlight-row
                    @on-current-change="changeNowSh"
                    :columns="shColumns"
                    @on-selection-change="getSectedSh"
                    :data="form.listings"
                >

                    <template slot-scope="{ row }" slot="ieFlag">
                        {{row.ieFlag==1?'进口':'出口'}}
                    </template>
                </Table>
            </div>
        </div>
        <!-- 随附单据 -->
        <div v-show="nowKey==4" class="content-body">
            <Form
                :model="sfForm"
                :rules="sfRules"
                :data-current="currentIndex"
                class="declare-form"
                ref="sfForm"
                :show-message="false"
            >
                <!-- 第1行 -->
                <Row>
                    <Col class="form-label label-border" span="4">业务单证类型</Col>
                    <Col span="4">
                    <FormItem prop="businessDocType" class="formInput">
                        <Input disabled v-model="sfForm.businessDocType" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">业务单证统一编号</Col>
                    <Col span="4">
                    <FormItem prop="seqNo" class="formInput requireBG">
                        <Input disabled placeholder v-model="sfForm.seqNo" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">上传人IC卡号</Col>
                    <Col span="4">
                    <FormItem prop="uploaderIcCode" class="formInput requireBG">
                        <Input v-model="sfForm.uploaderIcCode" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第2行 -->
                <Row>
                    <Col class="form-label label-border" span="4">变更/修改次数</Col>
                    <Col span="4">
                    <FormItem prop="changeNum" class="formInput requireBG">
                        <Input disabled v-model="sfForm.changeNum" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">随附单据格式</Col>
                    <Col span="4">
                    <FormItem prop="endprdGdsSpcfModelDesc" class="formInput requireBG">
                        <Select v-model="sfForm.endprdGdsSpcfModelDesc" class="small-select">
                            <Option :value="1">结构化</Option>
                            <Option :value="2">非结构化</Option>
                        </Select>
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">随附单据类型</Col>
                    <Col span="4">
                    <FormItem prop="attachDocType" class="formInput ">
                        <Select v-model="sfForm.attachDocType" class="small-select">
                            <Option :value="1">文件</Option>
                            <Option :value="2">减免税证明</Option>
                        </Select>
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第3行 -->
                <Row>
                    <Col class="form-label label-border" span="4">随附单据编号</Col>
                    <Col span="4">
                    <FormItem prop="attachDocNo" class="formInput">
                        <Input v-model="sfForm.attachDocNo" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">随附单据所属单位</Col>
                    <Col span="4">
                    <FormItem prop="attachDocUnit" class="formInput">
                        <Input placeholder v-model="sfForm.attachDocUnit" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">随附单据所属单位名称</Col>
                    <Col span="4">
                    <FormItem prop="attachDocUnitName" class="formInput">
                        <Input v-model="sfForm.attachDocUnitName" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第4行 -->
                <Row>
                    <Col class="form-label label-border label-bottom" span="4">清单商品序号</Col>
                    <Col span="4">
                    <FormItem prop="dclCurrcd" class="formInput ">
                        <Input v-model="sfForm.dclCurrcd" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top label-bottom" span="4">随附单据文件</Col>
                    <Col span="10">
                    <FormItem prop="attachDocFilePath" class="formInput ">
                        <Input v-model="sfForm.attachDocFilePath" />
                    </FormItem>
                    </Col>
                    <Col span="2">
                    <Upload :show-upload-list="false" :headers="headers" :action="action+'/fileManage/upload'" :on-success="res => onUploadSuccess(res)">
                        <Button type="primary">文件选择</Button>
                    </Upload>
                    </Col>
                </Row>
            </Form>
            <div class="btns-box mt10">
                <Button type="primary" @click="addSf">新增</Button>
                <Button type="primary" @click="saveSf">暂存</Button>
                <Button @click="delSf">删除</Button>
            </div>
            <div class="mt10">
                <Table
                    border
                    highlight-row
                    @on-current-change="changeNowSf"
                    :columns="sfColumns"
                    @on-selection-change="getSectedSf"
                    :data="form.attachDocs"
                ></Table>
            </div>
        </div>
    </div>
</template>
<script>
import { downloadURL } from '@/config/downloadUrl.js'
import { mapState, mapMutations } from 'vuex'
import { queryTeacherList } from '@/api/userManage'
import { getEml, updateEml } from '@/api/trade'
import $ from 'jquery'
import { getDicByKey } from '@/libs/getDicDataList'
import { getToken } from '@/libs/util'
import moment from 'moment'
export default {
    inject: ['nextPageReload'],
    props: {
        id: {
            type: String,
            default: ''
        }
    },
    data () {
        return {
            headers: Object.freeze({
                Authorization: getToken()
            }),
            action: downloadURL,
            // 随附单据
            sfStatus: 0,
            nowSf: null,
            selectedSf: [],
            // 单损耗
            shStatus: 0,
            nowSh: null,
            selectedSh: [],
            // 商品
            cpStatus: 0,
            nowCp: null,
            selectedCp: [],
            now: null,
            lhStatus: 0, // 是否编辑
            selectedLh: [],
            sfForm: {
                businessDocType: null, // 业务单证类型
                seqNo: null, // 业务单证统一编号
                uploaderIcCode: null, // 上传人IC卡号
                changeNum: 0, // 变更/修改次数
                attachDocFormat: null, // 随附单据格式
                attachDocType: null, // 随附单据类型
                attachDocNo: null, // 随附单据编号
                attachDocUnit: null, // 随附单据所属单位
                attachDocUnitName: null, // 随附单据所属单位名称
                goodsIndex: null, // 清单商品序号
                attachDocFilePath: null// 随附单据文件
            },
            shForm: {
                idx: 1,
                listingNo: null,
                ieFlag: null
            },
            lhForm: {
                gdsSeqno: 1,
                contrItem: null,
                gdsMtno: null,
                gdecd: null,
                gdsNm: null,
                dclUnitcd: null,
                cpthImQuantity: null,
                deepProcessImQuantity: null,
                domesticSalesQuantity: null,
                reExportQuantity: null,
                destroyedQuantity: null,
                scrapsQuantity: null,
                ylzckQuantity: null,
                productConsumption: null,
                remainingQuantity: null,
                remark: null
            },
            cpForm: {
                gdsSeqno: 1,
                contrItem: null,
                gdsMtno: null,
                gdecd: null,
                gdsNm: null,
                dclUnitcd: null,
                ieQuantity: null,
                deepProcessImQuantity: null,
                cpthImQuantity: null,
                cpthExQuantity: null,
                remark: null
            },
            ljList: [],
            impexpPortcd: '', // 进口口岸
            jcList: [], // 进出口岸
            cutModeList: [], // 征免方式
            customsModeList: [], // 监管方式
            currencyCodeList: [], // 币制
            unitList: [], // 计量单位
            gnList: [],
            typeList: [
                { dataCode: '1', dataName: '进料加工' },
                { dataCode: '2', dataName: '来料加工' },
                { dataCode: '3', dataName: '设备手册' }
            ], // 手册类型
            nowKey: 0,
            qList: [],
            params: {
                code: '',
                name: '',
                pageNum: 1,
                pageSize: 10,
                total: 0
            },
            vs: false,
            goodStatus: 0,
            selected: [],
            btnDisabled: false,
            countryRegionList: [], // 进口国别
            customsCodeList: [], // 海关
            sfColumns: [
                {
                    type: 'selection',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '序号',
                    key: 'idx',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '随附单据文件名称',
                    key: 'attachDocFilePath',
                    align: 'center'
                },
                {
                    title: '随附单据类型',
                    key: 'attachDocType',
                    align: 'center'
                },
                {
                    title: '随附单据编号',
                    key: 'attachDocNo',
                    align: 'center'
                },
                {
                    title: '随附单据状态',
                    key: 'finishedGoodsMaterialCode',
                    align: 'center'
                },
                {
                    title: '清单商品序号',
                    key: 'goodsIndex',
                    align: 'center'
                },
                {
                    title: '随附单据所属单位',
                    key: 'attachDocUnitName',
                    align: 'center'
                },
                {
                    title: '上传人IC卡号',
                    key: 'uploaderIcCode',
                    align: 'center'
                },
                {
                    title: '随附单据存储名',
                    key: 'attachDocFilePath',
                    align: 'center'
                },
                {
                    title: '随附单据格式',
                    key: 'attachDocFormat',
                    align: 'center'
                }
            ],
            shColumns: [
                {
                    type: 'selection',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '序号',
                    key: 'idx',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '核注清单编号',
                    key: 'listingNo',
                    align: 'center'
                },
                {
                    title: '进出口标识',
                    slot: 'ieFlag',
                    align: 'center'
                }
            ],
            columns: [
                {
                    type: 'selection',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '序号',
                    width: 60,
                    align: 'center',
                    key: 'gdsSeqno'
                },
                {
                    title: '进出口岸代码',
                    key: 'value',
                    align: 'value'
                },
                {
                    title: '进出口岸名称',
                    key: 'label',
                    align: 'label'
                }
            ],
            lhColumns: [
                {
                    type: 'selection',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '序号',
                    key: 'gdsSeqno',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '料件备案序号',
                    key: 'contrItem',
                    align: 'center'
                },
                {
                    title: '料号',
                    key: 'gdsMtno',
                    align: 'center'
                },
                {
                    title: '商品编码',
                    key: 'gdecd',
                    align: 'center'
                },
                {
                    title: '商品名称',
                    key: 'gdsNm',
                    align: 'center'
                },
                {
                    title: '计量单位',
                    key: 'dclUnitcd',
                    align: 'center'
                },
                {
                    title: '进口数量',
                    key: 'cpthImQuantity',
                    align: 'center'
                },
                {
                    title: '深加工进口数量',
                    key: 'deepProcessImQuantity',
                    align: 'center'
                },
                {
                    title: '内销数量',
                    key: 'domesticSalesQuantity',
                    align: 'center'
                },
                {
                    title: '复出口数量',
                    key: 'reExportQuantity',
                    align: 'center'
                },
                {
                    title: '料件销毁数量',
                    key: 'destroyedQuantity',
                    align: 'center'
                },
                {
                    title: '边角料数量',
                    key: 'scrapsQuantity',
                    align: 'center'
                },
                {
                    title: '余料转出数量',
                    key: 'ylzckQuantity',
                    align: 'center'
                },
                {
                    title: '产品总耗数量',
                    key: 'productConsumption',
                    align: 'center'
                },
                {
                    title: '料件剩余数量',
                    key: 'remainingQuantity',
                    align: 'center'
                },
                {
                    title: '备注',
                    key: 'remark',
                    align: 'center'
                }
            ],
            cpColumns: [
                {
                    type: 'selection',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '序号',
                    key: 'gdsSeqno',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '成品备案序号',
                    key: 'contrItem',
                    align: 'center'
                },
                {
                    title: '料号',
                    key: 'gdsMtno',
                    align: 'center'
                },
                {
                    title: '商品编码',
                    key: 'gdecd',
                    align: 'center'
                },
                {
                    title: '商品名称',
                    key: 'gdsNm',
                    align: 'center'
                },
                {
                    title: '计量单位',
                    key: 'dclUnitcd',
                    align: 'center'
                },
                {
                    title: '出口数量',
                    key: 'ieQuantity',
                    align: 'center'
                },
                {
                    title: '深加工出口数量',
                    key: 'deepProcessImQuantity',
                    align: 'center'
                },
                {
                    title: '成品退换进口数量',
                    key: 'cpthImQuantity',
                    align: 'center'
                },
                {
                    title: '成品退换出口数量',
                    key: 'cpthExQuantity',
                    align: 'center'
                },
                {
                    title: '备注',
                    key: 'remark',
                    align: 'center'
                }
            ],
            currentIndex: 0,
            cName: '', // 公司中文名称
            bit: '%',
            usd: 'USD',
            form: {
                type: 2, // 报核
                seqNo: null, // 预录入统一编号
                emlNo: null, // 加工贸易手册编号
                masterCuscd: null, // 主管海关
                bizopEtpsno: null, // 经营单位编码
                bizopEtpsSccd: null, // 经营单位社会信用代码
                bizopEtpsNm: null, // 经营单位名称
                rcvgdEtpsno: null, // 加工单位编码
                rvsngdEtpsSccd: null, // 加工单位社会信用代码
                rcvgdEtpsNm: null, // 加工单位名称
                imListingNum: null,
                exListingNum: null,
                inputTime: null,
                ljTotal: null,
                cpTotal: null,
                dclTime: null,
                dclEtpsno: null, // 申报单位编码
                dclEtpsSccd: null, // 申报单位社会信用代码
                dclEtpsNm: null, // 申报单位名称
                inputEtpsTypecd: null, // 录入单位编码
                inputEtpsSccd: null, // 录入单位社会信用代码
                inputEtpsNm: null, // 录入单位名称
                remark: null, // 备注
                ljs: [], // 料件
                cps: [], // 成品
                listings: [], // 清单
                attachDocs: []// 随附单据

            },
            formRules: {
                emlNo: [
                    {
                        required: true,
                        message: '',
                        trigger: 'change,blur'
                    }
                ], // 申报单位编码
                dclEtpsno: [
                    {
                        required: true,
                        message: '',
                        trigger: 'change,blur'
                    }
                ], // 申报单位名称
                dclEtpsNm: [
                    {
                        required: true,
                        message: '',
                        trigger: 'change,blur'
                    }
                ]
            },
            lhRules: {
                contrItem: [
                    {
                        required: true,
                        trigger: 'blur'
                    }
                ],
                cpthImQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                deepProcessImQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                domesticSalesQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                reExportQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                destroyedQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                scrapsQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                ylzckQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                productConsumption: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                remainingQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ]
            },
            cpRules: {
                contrItem: [
                    {
                        required: true,
                        trigger: 'blur'
                    }
                ],
                ieQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                deepProcessImQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                cpthImQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                cpthExQuantity: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ]

            },
            tradeModeList: [],
            shRules: {
                finishedGoodsIndex: [
                    {
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                netUseupqty: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                mtpckSeqno: [
                    {
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                mtpckGdsnm: [
                    {
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                tgblLossRate: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                intgbLossRate: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                bondMtpckprpr: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ]
            },
            sfRules: {
                uploaderIcCode: [
                    {
                        required: true,
                        trigger: 'change,blur'
                    }
                ],
                endprdGdsSpcfModelDesc: [
                    {
                        type: 'number',
                        required: true,
                        trigger: 'change,blur'
                    }
                ]
            }

        }
    },
    computed: {
        ...mapState({
            isTeacher: (state) => state.user.roleType === '3',
            userId: (state) => state.user.userId
        })
    },
    mounted () {
        let emlId = this.$route.query.emlId
        if (emlId) {
            getEml(emlId).then((res) => {
                this.form = Object.assign(this.form, res.data.data)
                this.form.ljs = this.form.ljs || []
                this.form.cps = this.form.cps || []
                this.form.listings = this.form.listings || []
                this.form.attachDocs = this.form.attachDocs || []
                this.form.ljs.gdsSeqno = this.form.ljs.length + 1
                this.form.cps.gdsSeqno = this.form.cps.length + 1
                this.form.listings.idx = this.form.listings.length + 1
                this.form.attachDocs.idx = this.form.attachDocs.length + 1
            })
        } else {
            this.getAdd()
        }
        let that = this
        let h = $
        if (this.$el) {
            $(this.$el).on('keyup', 'input', function (e) {
                if (e.keyCode == 13) {
                    var index = h('input:text').index(h(e.target))
                    console.log(index)
                    that.getInput(index)
                }
            })
        }
        this.getCountryRegionList()
        this.getCustomsCodeList()
        this.getCustomsModeList()
        this.getCustomsQianList()
        this.getCutModeList()
        this.getCountryList()
        this.getUnitList()
        if (this.form.chgTmsCnt) {
            this.form.chgTmsCnt++
        }
    },
    methods: {
        ...mapMutations(['removeTagNav']),
        // 国内地区
        getCountryRegionList () {
            return getDicByKey('INLAND_REGION').then((list) => {
                this.gnList = Object.freeze(list)
            })
        },
        // 贸易国别
        getCountryList () {
            return getDicByKey('COUNTRY_REGION').then((list) => {
                this.countryRegionList = Object.freeze(list)
            })
        },
        // 海关
        getCustomsCodeList () {
            return getDicByKey('CUSTOMS_CODE').then((list) => {
                this.customsCodeList = Object.freeze(list)
            })
        },
        // 监管方式
        getCustomsModeList () {
            return getDicByKey('TRADE_MODE').then((list) => {
                this.customsModeList = Object.freeze(list)
            })
        },
        // 币制
        getCustomsQianList () {
            return getDicByKey('CURRENCY_CODE').then((list) => {
                this.currencyCodeList = Object.freeze(list)
            })
        },
        // 征免方式
        getCutModeList () {
            return getDicByKey('CUT_MODE').then((list) => {
                this.cutModeList = Object.freeze(list)
            })
        },
        getUnitList () {
            return getDicByKey('UNIT').then((list) => {
                this.unitList = Object.freeze(list)
            })
        },
        onUploadSuccess (res) {
            if (res.code === '0000') {
                const data = res.data || +new Date()
                if (data) {
                    this.sfForm.attachDocFilePath = data
                }
            } else {
                this.$Message.error(res.msg)
            }
        },
        // 料号方法
        addLh () {
            let arr = ['dclQty', 'dclCurrcd']
            Object.keys(this.lhForm).forEach(key => {
                console.log(key)
                if (arr.indexOf(key) > -1) {
                    this.lhForm[key] = null
                } else {
                    this.lhForm[key] = null
                }
            })
            this.lhForm.gdsSeqno = this.form.ljs.length + 1
            this.lhStatus = 0
        },
        saveLh () {
            this.$refs.lhForm.validate((v) => {
                if (v) {
                    var objString = JSON.stringify(this.lhForm)
                    var obj2 = JSON.parse(objString)
                    if (this.lhStatus) {
                        this.form.ljs.splice(this.now - 1, 1, obj2)
                    } else {
                        this.form.ljs.push(obj2)
                        this.addLh()
                        this.lhForm.gdsSeqno = this.form.ljs.length + 1
                    }
                }
            })
        },
        delLh () {
        // 先删除
            this.selectedLh.map((item, index) => {
                this.form.ljs.splice(item.gdsSeqno - 1, 1)
            })
            // 再重新设置索引
            this.form.ljs.map((item, index) => {
                item.gdsSeqno = index + 1
            })
            this.lhForm.gdsSeqno = this.form.ljs.length + 1
            this.lhStatus = 0
        },
        changeNow (data) {
            this.now = data.gdsSeqno
            var str = JSON.stringify(data)
            var obj = JSON.parse(str)
            this.lhForm = obj
            this.lhStatus = 1
        },
        getSectedLh (data) {
            this.selectedLh = data
        },
        // 商品
        addCp () {
            let arr = ['dclQty', 'dclCurrcd']
            Object.keys(this.cpForm).forEach(key => {
                console.log(key)
                if (arr.indexOf(key) > -1) {
                    this.cpForm[key] = null
                } else {
                    this.cpForm[key] = null
                }
            })
            this.cpForm.gdsSeqno = this.form.cps.length + 1
            this.cpStatus = 0
        },
        saveCp () {
            this.$refs.cpForm.validate((v) => {
                if (v) {
                    var objString = JSON.stringify(this.cpForm)
                    var obj2 = JSON.parse(objString)
                    if (this.cpStatus) {
                        this.form.cps.splice(this.nowCp - 1, 1, obj2)
                    } else {
                        this.form.cps.push(obj2)
                        this.addCp()
                        this.cpForm.gdsSeqno = this.form.cps.length + 1
                    }
                }
            })
        },
        delCp () {
        // 先删除
            this.selectedCp.map((item, index) => {
                this.form.cps.splice(item.gdsSeqno - 1, 1)
            })
            // 再重新设置索引
            this.form.cps.map((item, index) => {
                item.gdsSeqno = index + 1
            })
            this.cpForm.gdsSeqno = this.form.cps.length + 1
            this.cpStatus = 0
        },
        changeNowCp (data) {
            this.nowCp = data.gdsSeqno
            var str = JSON.stringify(data)
            var obj = JSON.parse(str)
            this.cpForm = obj
            this.cpStatus = 1
        },
        getSectedCp (data) {
            this.selectedCp = data
        },
        // 单损耗
        addSh () {
            let arr = []
            Object.keys(this.shForm).forEach(key => {
                if (arr.indexOf(key) > -1) {
                    this.shForm[key] = null
                } else {
                    this.shForm[key] = null
                }
            })
            this.shForm.idx = this.form.listings.length + 1
            this.shStatus = 0
        },
        saveSh () {
            this.$refs.shForm.validate((v) => {
                if (v) {
                    var objString = JSON.stringify(this.shForm)
                    var obj2 = JSON.parse(objString)
                    if (this.shStatus) {
                        this.form.listings.splice(this.nowSh, 1, obj2)
                    } else {
                        this.form.listings.push(obj2)
                        this.addSh()
                        this.shForm.idx = this.form.listings.length + 1
                    }
                }
            })
        },
        delSh () {
        // 先删除
            this.selectedSh.map((item) => {
                this.form.listings.splice(item.idx - 1, 1)
            })
            // 再重新设置索引
            this.form.listings.map((item, i) => {
                item.idx = i + 1
            })
            this.shForm.idx = this.form.listings.length + 1
            this.shStatus = 0
        },
        changeNowSh (data) {
            this.nowSh = data.idx - 1
            var str = JSON.stringify(data)
            var obj = JSON.parse(str)
            this.shForm = obj
            this.shStatus = 1
        },
        getSectedSh (data) {
            this.selectedSh = data
        },
        // 随附单据
        addSf () {
            let arr = []
            Object.keys(this.sfForm).forEach(key => {
                console.log(key)
                if (arr.indexOf(key) > -1) {
                    this.sfForm[key] = null
                } else {
                    this.sfForm[key] = null
                }
            })
            this.sfForm.idx = this.form.attachDocs.length + 1
            this.sfStatus = 0
        },
        saveSf () {
            this.$refs.sfForm.validate((v) => {
                if (v) {
                    var objString = JSON.stringify(this.sfForm)
                    var obj2 = JSON.parse(objString)
                    if (this.sfStatus) {
                        this.form.attachDocs.splice(this.nowCp, 1, obj2)
                    } else {
                        this.form.attachDocs.push(obj2)
                        this.addSf()
                        this.sfForm.idx = this.form.attachDocs.length + 1
                    }
                }
            })
        },
        delSf () {
        // 先删除
            this.selectedSf.map((item) => {
                this.form.attachDocs.splice(item.idx - 1, 1)
            })
            // 再重新设置索引
            this.form.attachDocs.map((item, i) => {
                item.idx = i + 1
            })
            this.sfForm.idx = this.form.attachDocs.length + 1
            this.sfStatus = 0
        },
        changeNowSf (data) {
            this.nowSf = data.idx
            var str = JSON.stringify(data)
            var obj = JSON.parse(str)
            this.sfForm = obj
            this.sfStatus = 1
        },
        getSectedSf (data) {
            this.selectedSf = data
        },
        saveOne (index) {
            console.log(index)
            this.form.list[index].status = 1
        },
        queryList () {
            queryCode({
                name: this.params.name,
                code: this.params.code,
                pageSize: this.params.pageSize,
                pageNum: this.params.pageNum
            }).then((res) => {
                this.qList = res.data.data.list
                this.params.total = res.data.data.total
            })
        },
        openModal () {
            this.vs = true
            this.queryList()
        },
        ok () {
            this.form.commodityCode = this.now.codeTs
            this.form.commodityName = this.now.goodsName
            this.form.commodityUnit = this.now.unit
        },
        cancel () {},
        getInput (index) {
            var h = $
            h('input:text')[index + 1].focus()
        },
        handleDateChange (v, key) {
            this.form[key] = v
        },
        getAdd () {},
        saveAdd () {
            this.form.status = 1 // 暂存
            let arrValue = this.jcList.map((item) => {
                return item.value
            })
            let arrLabel = this.jcList.map((item) => {
                return item.label
            })
            this.form.impexpPortcd = arrValue.join(',')
            this.form.impexpPortcdName = arrLabel.join(',')

            updateEml(this.form).then((res) => {
                if (res.data.code != '0000') {
                    this.$Message.error(res.data.data)
                    return
                }
                this.$Message.success('成功')
                this.nextPageReload()
                this.$router.push({
                    name: 'tradeCheckList'
                })
            })
        },
        queryTeaList () {
            return queryTeacherList({
                pageNum: 1,
                pageSize: 9999
            }).then((res) => {
                if (res.data.code === '0000') {
                    const data = res.data.data
                    this.teaList = Object.freeze(
                        data.list.map((item) => ({
                            value: item.userId,
                            label: item.realName
                        }))
                    )
                }
            })
        },
        handleCancel () {
            this.removeTagNav(this.$route)
            this.$router.replace({
                name: 'classManageList'
            })
        },
        clearAll () {
            this.nextPageReload()
            this.$router.push({
                name: 'certAdd'
            })
        },
        submitAll () {
            this.$refs.btForm.validate((v) => {
                if (v) {
                    this.form.dclTime = moment().locale('zh-cn').format('YYYY-MM-DD').toString()
                    this.form.status = 2 // 申报
                    let arrValue = this.jcList.map((item) => {
                        return item.value
                    })
                    let arrLabel = this.jcList.map((item) => {
                        return item.label
                    })
                    this.form.impexpPortcd = arrValue.join(',')
                    this.form.impexpPortcdName = arrLabel.join(',')
                    updateEml(this.form).then((res) => {
                        if (res.data.code != '0000') {
                            this.$Message.error(res.data.msg)
                            return
                        }
                        this.$Message.success('成功')
                        this.nextPageReload()
                        this.$router.push({
                            name: 'tradeCheckList'
                        })
                    })
                }
            })
        },
        makeFileAll () {},
        delAll () {
            licenceExportDel({ ids: this.form.id }).then((res) => {
                if (res.data.code === '0000') {
                    this.$Message.success('删除成功')
                    this.nextPageReload()
                    this.$router.push({
                        name: 'licenceExport'
                    })
                } else {
                    this.$Message.error(res.data.msg)
                }
            })
        },
        saveGood () {
            this.form.list.map((item) => {
                item.status = 1
            })
        },
        delGood () {
            // 先删除
            this.selected.map((one) => {
                let index = this.jcList.findIndex((item) => item.value === one.value)
                this.jcList.splice(index, 1)
            })
        },
        sendToSingleWindow () {},
        getSectedGood (data) {
            console.log(data)
            this.selected = data
        },

        changeKey (key) {
            this.nowKey = key
        }
    }
}
</script>
<style lang="less">
.small-select {
  height: 20px;
  line-height: 20px;
  .ivu-select-selection {
    height: 20px;
    line-height: 20px;
    border-radius: 0px;
  }
  .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
  .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    height: 20px;
    line-height: 20px;
  }
}
.h63 {
  height: 63px;
  line-height: 63px;
  textarea {
    height: 63px !important;
  }
}
.h70 {
  textarea {
    height: 76px !important;
  }
}
</style>
<style lang="less" scoped>
.h63 {
  height: 63px;
  line-height: 63px;
  .ivu-input {
    height: 63px;
  }
}
.label-bottom {
  border-bottom: 1px solid #b7b7b7;
}
.label-left {
  border-left: 1px solid #b7b7b7;
}
.m-1 {
  margin-top: -2px !important;
}
.label-top {
  border-top: 1px solid #b7b7b7;
}
.label-border {
  border-top: 1px solid #b7b7b7;
  border-left: 1px solid #b7b7b7;
}
.label-border-noleft {
  border-top: 1px solid #b7b7b7;
}
.btns-box {
  .ivu-btn {
    font-size: 12px;
    height: 24px;
    line-height: 12px;
    padding: 3px 14px;
    font-family: "Microsoft YaHei";
    border-radius: 2px;
  }
  button {
    margin-right: 1px;
    margin-bottom: 1px;
  }
}
.content-body {
  margin-top: 8px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.formInput {
  textarea {
    width: 100%;
    height: 63px;
    border-color: #b7b7b7;
  }
  select {
    height: 20px;
    line-height: 20px;
  }
}
.base-info {
  margin-top: 10px;
  h3 {
    color: #1291cc;
    font-size: 13px;
  }
}
.h70 {
  height: 76px;
  line-height: 76px;
  textarea {
    height: 76px;
  }
}
.mt10 {
  margin-top: 10px;
}
</style>
